@media screen and (max-width: 1024px){
.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san{ z-index:115 !important}
ul.sub-menu,div.nav{
    transition: all 0.4s;
    -ms-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}
ul.sub-menu.left,div.nav.left{ left:0 !important;}
.news-nr li .bt {

    font-size: 16px;}
.w,.home-case .case-left .nr,.home-case .case-right .web-sekuai.sekuai {
    width: auto; margin:0 15px;
}	
.navbar {
    display: block;
    float: right;
    padding-top: 6px;
    margin-top: 13px;
    padding-bottom: 6px;
    width: 30px;
}
.navbar span {
    height: 2px;
    width: 100%;
    display: block;
    margin-bottom: 6px;
    background: #999;
}
#gbbj {
    position: fixed;
    background-color: rgba(45, 45, 45, 0.72);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 109;
} 
.nav>ul>li>.sub-menu.zxde .w{ margin:0}
.nav, .nav>ul>li>ul.sub-menu,.nav>ul>li>.sub-menu.hxde,.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san{
    position: fixed; background:none; text-align:left;
    left: -210px;
    z-index: 110;
    display: block;
    opacity: 1;
    min-width: inherit;
    border: none;
    margin: 0; margin-left:0 !important;
    top: 0;
    width: 210px;
    height: 100%;padding: 15px 0;
    background-color:rgba(0, 162, 255, 0.8);
}
.nav>ul>li>.sub-menu.xsx .wlpyi{ right:0}
.nav>ul>li>ul.sub-menu>li,.nav>ul>li,.nav>ul>li>.sub-menu.hxde li,.nav>ul>li>.sub-menu.zxde .w>li,.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san li{margin: 0 10px;    display: block; border:none; padding:0;
    min-height: inherit;
    float: none;}
.nav ul li a,.nav>ul>li>.sub-menu li a,.nav>ul>li>.sub-menu.hxde li a,.nav>ul>li>.sub-menu.zxde .w>li>a,.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san li a{
    color: #FFF; margin:0;
    display: block;
    border-bottom: 1px solid #E0E0E0;
    line-height: 14px;    font-size: 13px; padding:0;padding-bottom:10px; margin-bottom:10px; height:auto; 
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
	    background: none;
}
.search{ display:none}
.navxiala {
    margin-right: 25px;
}
.logo {
    padding: 15px 0;
}
.header_zhan{ height:55px;}
.logo img{ height:25px;}
.navxiala .qiehuan{
    height: 56px;
    line-height: 60px;
}

.indexbg1{ background:#00a2ff;padding: 10px 0;}
.news_list .news_box { width:1000px; }
	
.main1140{ display: none;}	
.solutionmain{ margin:0 auto; padding:40px 0; width: 100%; height: auto; max-width: 1200px; display: block;}	
.solutionmain ul{ margin:0 auto; padding:0; width: 100%; height: auto;}	
.solutionmain ul li{ margin:0 auto; padding:0; width: 23%; height: auto; margin: 1%; float: left; background: #fff;}	
.solutionmain ul li .img{ margin:0 auto; padding:5px 0; width: 100%; height: auto; text-align: center;}	
.solutionmain ul li .img img{ max-width: 100%; height: auto;}	
.solutionmain ul li .txt{ margin:0 auto; padding:5px 0; width: 100%; height: auto; text-align: center; font-size:14px; line-height: 30px; color: #666;}
				
.selected-solution{display: none;}
	
.indexpromobile{ margin: 0 auto; padding:30px 0; width: 100%; height: auto; display: block;}
	.indexpromobile .title{ margin: 0 auto; padding:10px 0; width: 100%; height: auto; display: block;text-align: center; font-size:20px; line-height: 30px; color: #333; }	
.indexpromobile ul{ margin:0 auto; padding:0; width: 100%; height: auto; max-width: 1200px;}	
.indexpromobile ul li{ margin:0 auto; padding:0; width: 23%; height: auto; margin: 1%; float: left; background: #fff;}	
.indexpromobile ul li .img{ margin:0 auto; padding:5px 0; width: 100%; height: auto; text-align: center;}	
.indexpromobile ul li .img img{ max-width: 100%; height: auto;}	
.indexpromobile ul li .txt{ margin:0 auto; padding:5px 0; width: 100%; height: auto; text-align: center; font-size:14px; line-height: 30px; color: #666;}
	
	
	
	
	
}

@media screen and (max-width: 810px){
.news_list .news_box { width:96%; margin: 2%; }	
 }
@media screen and (max-width: 768px){

 }

 @media screen and (max-width: 640px){
	#indexabout1{display: none;} 
	 .news_list .tabs li a { width: 100px; margin: 10px;height:40px; }	 
.news_list .news_box .tj_news { width:96%; height:auto; float:left; border: 0; padding: 2%;}
.news_list .news_box .news_right_list { width:96%; height:auto; float:left; padding:2%; padding-bottom:0px; display: block;}	 
.news_list .news_box .tj_news h3 { width:100%; height:30px; line-height:30px; overflow:hidden; font-size:16px; display:block; }
.news_list .news_box .tj_news .desc { width:100%; height:60px; overflow:hidden;line-height:20px; padding:10px 0; font-size:12px; color:#ccc; }
.news_list .news_box .tj_news time { display: none;}
 .news_list .news_box .news_right_list ul li {min-height: 80px;}
.news_list .news_box .news_right_list ul li b { padding: 0 2%; width:96%; height:30px; line-height:30px;overflow:hidden; font-size:16px; font-weight:500; display:block; color:#000; }
.news_list .news_box .news_right_list ul li p { padding: 5px 2%; width:96%; height:40px; line-height:20px; overflow:hidden;color:#ccc; display:block;font-size:12px; }
.news_list .news_box .news_right_list ul li time {display: none;}
	 
#indexabout221 .title{padding:0;}	 
	 
	 
#site1{ margin:0 auto; padding:10px 2%; width: 96%; height: auto; float: left;} 
#site2{ display: none;} 
#site3{ margin:0 auto; padding:10px 2%; width: 96%; height: auto; float: left;} 
	 
#footleft{margin:0 auto; padding:10px 2%; width: 96%; height: auto; float: left;} 
#footright{margin:0 auto; padding:10px 2%; width: 96%; height: auto; float: left;} 

.indexhezuo .hezuo ul li{  width: 31%; margin: 1%;}
	

#indexabout11{margin:2%; padding:0; width: 96%; height: auto; float: left;}
#indexabout12{margin:2%; padding:0; width: 96%; height: auto; float: left;}
#indexabout2{margin:0 auto; padding:0; width: 100%; height: auto; background: #f3f3f3; }
#indexabout21{margin:2%; padding:0; width: 96%;height: auto; float: left;}
#indexabout22{margin:2%; padding:0; width: 96%;height: auto; float: right;}

.pagePadding{ padding: 30px 0px;}
.aboutPbox{margin:2%; padding:0; width: 96%; }	 
.aboutP-list{ padding-bottom: 10px;}
.aboutP-list li{ float: left; margin:1%; padding:0;  width: 31%;color: #525252; line-height: 1.5;}
.aboutP-list li:last-child{ border-right: 0px none;}
.aboutP-list .num{ font-size: 30px; padding-right: 10px;}
.values-list li{ width: 46%; margin:2%; position: relative; float: left;}
	
.col-md-4{ width: 96%; margin: 2%; float: left;}	 
	 .product-list1 li { margin:0 auto; padding:0; width:95%; margin:2%; float:left; border:1px solid #e3e3e3;}
.case-box{ padding:30px 0 30px; background:#f3f3f3;}
.cases{ margin-bottom:10px;}
.cases li{ width:96%; margin:2%; float:left; margin-bottom:10px;text-align:center;}
	 
#indexnone .title{width:96%; margin: 2%;font-size:20px; line-height:30px;}	 

#conmainleft{ margin:2%; padding:0; width: 96%;}
#conmainright{ margin:2%; padding:0; width: 96%;}
	 
	 .news_info .prev {margin:2%; padding:0; width: 96%;} 
	 .news_info .next {margin:2%; padding:0; width: 96%;	float:left;
	text-align:left} 
		 
	.solutionmain ul li{ margin:0 auto; padding:0; width: 46%; height: auto; margin: 2%; float: left; background: #fff;}	 
	.indexpromobile ul li{ margin:0 auto; padding:0; width: 46%; height: auto; margin: 2%;  float: left; background: #fff;}	 
.contactleft{ margin:0 auto; padding: 0;width: 96%; height: auto; float: left; margin: 2%;}
.contactright{ margin:0 auto; padding: 0;width: 96%; height: auto; float: left; margin: 2%;}
	 
	 
.commitment-box { padding: 30px 0; background-color: #f4f4f4; }
.commitment-box .t {  margin-bottom: 30px; }
.commitment-box .list li { float: left; width: 96%; margin: 1% 2%; }
.commitment-box .list li:nth-child(3n+2) .con { border: 0; padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #ccc;}
.commitment-box .list li:nth-child(3n) .con { padding-left: 15px; padding-right: 15px;border-bottom: 1px solid #ccc; }
.commitment-box .list li:nth-child(3n+1) .con { padding-right: 15px;padding-left: 15px; border-bottom: 1px solid #ccc;}

.commitment-box .list .tit { padding-left: 50px; padding-top: 20px; padding-bottom: 5px; position: relative; margin-bottom: 10px; }

.commitment-box .list .con { padding: 20px 0 20px; border-bottom: 1px solid #ccc; }
.commitment-box .list .c { height: auto; overflow: hidden; text-align: justify; }
.commitment-box .list .c1 { height: auto; overflow: hidden; text-align: justify; }	 
	 
	 
.warranty-box { padding: 20px 0 20px; }
.warranty-box .left-word { width: 96%; float: left; margin: 2%; }
.warranty-box .left-word .content { padding-right: 20px; }
.warranty-box .left-word .t { font-size: 24px; color: #333; font-weight: normal; line-height: 1; margin-bottom: 30px; }

.warranty-box .left-img {  width: 96%; float: left; margin: 2%; }

.warranty-box .hotline { width: 96%; float: left; margin: 2%;padding: 25px 0; }
.warranty-box .hotline .ico { display: block; width: 64px; height: 64px; background: url(images/hotline_ico.png) no-repeat scroll center center; margin: 0 auto; }
.warranty-box .hotline .phone { display: block; text-align: center; font-family: arial; font-size: 24px; margin: 25px 0 25px; }

.zixun{ width:100px; height: 30px; border-radius: 15px; background: #00a2ff; display: block; color: #fff; text-align: center; line-height: 30px; }
.zixun a{ width:100px; height: 30px; background: #00a2ff; display: block; color: #fff; text-align: center; line-height: 30px; }
.zixun:hover{ width:100px; height: 30px; background: #ffb400; }	 
.cac{color:#ffe400; }	 
	 
 }
 
@media screen and (max-width: 480px){

.logo img {
    height: 30px;
}
.logo {
    padding: 18px 0;
}
.indexhezuo .hezuo ul li{  width: 46%; margin: 2%;}
}
@media screen and (max-width: 400px){
 
}